<template>
  <div class="edit-bar">
    <slot></slot>
    <div class="right">
      <slot name="right"></slot>
    </div>
  </div>
</template>

<style lang="less" scoped>
  .edit-bar {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 210px;
    background: white;
    padding: 20px;
    border-top: 1px solid #ccc;
    z-index: 11;
    display: flex;

    .right {
      margin-left: auto;
      display: flex;
    }

    /deep/ .el-button {
      margin-left: 10px;
    }
  }
</style>

<style lang="less">
  .edit-container {
    padding-bottom: 30px;
  }
</style>
